有圖形設計，那文字的當然也少不了啦!
總覺得文字的比圖形還更好使用在這個代購網頁餒~

今天的會介紹完就實際套在已經做好的網頁喔!

一樣會把成品給大家看看，喜歡再往下看囉!

範例展示:

.html

<div class="cssload-loading">僅供鐵人賽使用，無商業用途</div>

.css

@import url(http://fonts.googleapis.com/css?family=Montserrat);
.cssload-loading {
	text-align:center;
	margin: 49px auto;
	color: rgb(0,0,0);
	font-size: 2em;
	font-family: "Montserrat", sans-serif;
	animation: cssload-breathe 8.05s ease infinite;
//老樣子建一個區塊，因為這次裡面是會用到字，所以有多增加幾行來修改字的效果。
//color是修改字的顏色。
//font-size是字的大小，可以隨邊用任何單位，沒有限制。
//font-family是字體，這邊之後會提供一些不錯的。
}

@keyframes cssload-breathe {
	0% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
	30% {
		color: transparent;
	}
	50% {
		letter-spacing: 97px;
		font-size: 0;
		text-shadow: 0 0 6px white;
	}
	60% {
		color: transparent;
	}
	100% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
}

稍微修改放在喜歡的地方就可以直接加入之前已經完成的網頁囉!

成果展示:

上面有提到的字體可以到https://fonts.google.com/ 這個網頁看看喔!來有中文字!

以上是我開賽的第十八天，讓我們來期待第十九天的到來吧!
加油、加油! 倒數12天。